<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <aside th:fragment="copy" class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel (optional) -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="static/plugins/adminLTE/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
            </div>
            <div class="pull-left info">
                <p>李贝留斯</p>
                <!-- Status -->
                <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
            </div>
        </div>
        <!-- search form (Optional) -->
        <form class="sidebar-form">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="查找..." />
                <span class="input-group-btn">
                            <button type="submit" name="search" id="search-btn" class="btn btn-flat">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
            </div>
        </form>
        <!-- /.search form -->
        <!-- Sidebar Menu -->
        <ul class="sidebar-menu" data-widget="tree">
            <li class="header">导航</li>

            <li th:each="menu,menuStat:${menuList}" class="treeview">
                <a th:if="${menu.type==1}" href="#">
                    <i th:class="${menu.icon}"></i>
                    <span th:text="${menu.name}"></span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul  class="treeview-menu">
                    <li th:each="cmenu,menuStat:${menuList}" th:if="${cmenu.parentId} == ${menu.menuId} and ${cmenu.type}==2">
                        <a href="#" th:attr="data-addtab=${cmenu.name},data-url=${cmenu.url}">
                            <i th:class="${menu.icon}"></i>
                            <span th:text="${cmenu.name}"></span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <!-- /.sidebar-menu -->

        <div class="sidebar-footer hidden-small fadeInLeft animated">
            <a data-toggle="tooltip" data-placement="top" title="" data-original-title="Information" data-addtab="aboutus" data-target="#MasterTabs" data-title="关于我们" data-url="pages/User/Profile.html">
                <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
            </a>
            <a id="fullscreen" data-toggle="tooltip" data-placement="top" title="" data-original-title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
            </a>
            <a id="lockpage" data-toggle="tooltip" data-placement="top" title="" data-original-title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
            </a>
            <a data-toggle="tooltip" data-placement="top" title="" href="#" data-original-title="Logout">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
            </a>
        </div>
    </section>
    <!-- /.sidebar -->
</aside>
</body>
</html>